@use "sass:map";

@use "./mixins/mixins.scss" as *;
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;
@use "./variable.scss" as *;
@use "./reset.css";

:root {
	--theme-color: #{$theme-color};
	--bg-color: #{$bg-color};
	// 字体大小
	@include set-css-var($r-font-size, "font-size");
	// 字体颜色
	@include set-css-var($r-text-color, "text-color");
}

body {
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
		"微软雅黑", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	color: var(--text-color-regular);
	font-size: var(--font-size-base);
}

#app {
	position: relative;
	width: 100%;
	height: 100%;
}

/* 字体大小全局样式
------------------------------- */
@for $i from 10 through 32 {
	.font#{$i} {
		font-size: #{$i}px;
	}
}

/* 外边距、内边距全局样式
------------------------------- */
@for $i from 1 through 34 {
	.mt#{$i} {
		margin-top: #{$i}px;
	}
	.mr#{$i} {
		margin-right: #{$i}px;
	}
	.mb#{$i} {
		margin-bottom: #{$i}px;
	}
	.ml#{$i} {
		margin-left: #{$i}px;
	}
	.pt#{$i} {
		padding-top: #{$i}px;
	}
	.pr#{$i} {
		padding-right: #{$i}px;
	}
	.pb#{$i} {
		padding-bottom: #{$i}px;
	}
	.pl#{$i} {
		padding-left: #{$i}px;
	}
}
